<template>
	<view>
		<u-navbar :is-back="true" title="我的工作安排" title-color="white" :border-bottom="false" :background="background">
			<view class="navbar-right" slot="right"> </view>
		</u-navbar>
		<view class="u-p-15 u-font-12" style="background-color: #f3f4f5;color: #b2b2b2;">
			调整工作安排，至少需要在起始时间前24小时进行操作。
		</view>
		<!-- <view class="" style="padding: 0rpx 26rpx;background-color: #FFFFFF;">
			<u-cell-item v-for="(item,index) in rosterlist" :title="item.starttime_text+item.endtime_text"
				:value="item.msg"
				@click="openinfo('/pages/order/makeTable/updateArrange/updateArrange?startTime='+item.starttime_text+'&endTime='+item.endtime_text)">
			</u-cell-item>
		</view> -->
		<view style="padding: 0rpx 26rpx;background-color: #FFFFFF;">
			<view class="" v-for="(item,index) in rosterlist" :key="index"
				@click="openinfo('/pages/order/makeTable/updateArrange/updateArrange?startTime='+item.starttime_text+'&endTime='+item.endtime_text)"
				style="border-bottom: 1px solid #e6e8ee;">
				<text class="right">
					{{item.msg}}<u-icon name="arrow-right"></u-icon>
				</text>
				<view class="line">
					{{item.starttime_text}}
				</view>
				<view class="line">
					{{item.endtime_text}}
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		// 获取我的工作安排
		onLoad() {
			this.$apiVipCentre.rosterlist({
				limit: '',
				page: '',

			}).then((res) => {
				console.log("res.data.data: ", res.data.data);
				this.rosterlist = res.data.data.items;

			}).catch((err) => {
				console.log('request fail', err);
			})
		},

		data() {
			return {
				background: {
					backgroundColor: '#00a8ff'
				},

				rosterlist: [],
				list: [{
						startTime: "起始: 03月20日 09:00",
						endTime: "结束: 03月22日 18:00",
						value: "已有其他工作安排"
					},
					{
						startTime: "起始: 03月20日 09:00",
						endTime: "结束: 03月22日 18:00",
						value: "已有其他工作安排"
					}
				]
			}
		},
		methods: {
			openinfo(url) {
				uni.navigateTo({
					url: url,
				});

			}
		}
	}
</script>

<style scoped lang="scss">
	.line {
		line-height: 60rpx;
	}

	.right {
		color: #909399;
		float: right;
		line-height: 120rpx;
	}
</style>
